@charset "UTF-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:16px "Microsoft YaHei","Arial Narrow"; margin: 0 auto; background: #fff; -webkit-text-size-adjust:100%; color: #333}
a{color:#333; text-decoration:none; transition: color .34s}
a:hover{color:#02437f;}
em, strong, i {font-weight: normal; font-style:normal}
li{list-style:none}
h4,h5 { font-weight: normal;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input, select, button, textarea {outline: none; font-family: "Microsoft YaHei UI Light"; border: none;}
button,input[type="submit"], input[type="button"] {cursor: pointer;}
.f-l { float: left;}
.f-r { float: right;}
*::-webkit-scrollbar {width: 6px; height: 6px;}
*::-webkit-scrollbar-thumb { border-radius: 6px; background: #02437f;}
*::-webkit-scrollbar-track { border-radius: 6px; background: #fff;}
.clear {clear: both;}
:root {
    --box-width: 1200px;
    --header-height: 134px;
}
.over-ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.w1204 {width: 1200px; margin: 0 auto;}
.f_none {float: unset}
.mr38 {margin-right: 38px;}
/*--------------------------------------------*/
header {width: 100%; height: var(--header-height); box-sizing: border-box; padding-top: 32px; background: #fff;}
.top {height: 48px; line-height: 48px; color: #999; width: 1200px; margin: 0 auto;}
.top p:last-child {display: flex; justify-content: end; align-items: center; margin-top: 12px;}
.top p:last-child span { width: 30px; height: 30px; margin-left: 12px; text-align: center; position: relative; cursor: pointer;}
.top p:last-child span.icon-canjirenzuo {margin: 0 0 0 20px;}
.top .icon-canjirenzuo:after {border-left: 2px solid #02437f; height: 18px; position: absolute; left: -8px; top: 6px; content: ''}
.top .icon-canjirenzuo:before { color: #02437f; font-size: 28px;}
.logo-search {height: 90px;}
.logo-search .about {width: 543px; height: 55px; margin-top: 18px;}
header .logo { background: url("./image/logo.png") no-repeat left center / auto; float: left; width: 240px; height: 55px}
.logo-search .about p a, .logo-search .about p span {display: block; color: #666; line-height: 28px;}
.search-form {width: 230px; height: 80px; float: right;}
.search {width: 230px; height: 40px; display: flex; position: relative; border-radius: 40px; box-sizing: border-box; overflow: hidden; border: 1px solid #02437f;}
.search input {width: calc(100% - 46px); box-sizing: border-box; padding: 0 0 0 20px; height: 38px; line-height: 38px; background: transparent; transition: all 300ms;}
.search input:focus {background: #fff; color: #000;}
.search:before {color: #02437f; line-height: 32px; position: absolute; left: 10px; top: 2px; font-size: 24px; z-index: 5;}
.search button {width: 46px; background-color: #fff; line-height: 38px; padding: 0; font-size: 16px; text-align: center;}
.qr-code {height: 30px; line-height: 30px; font-size: 14px; margin-top: 10px;}
.qr-code span {color: #02437f; display: inline-block; margin: 0 13px; cursor: pointer; position: relative}
.qr-code a {color: #02437f; display: inline-block;}
.qr-code a.wb {background: url("./image/xinlan.png") no-repeat left center / auto 72%; padding-left: 26px;}
.qr-code a.icon-weixin {font-size: 14px;}
.qr-code a.icon-weixin:before {display: inline-block; margin-right: 10px; font-size: 16px;}
.qr:before {display: none; content: ""; border-top: 1px solid #eee; border-right: 1px solid #eee; background: #fff; transform: rotate(-45deg); width: 12px; height: 12px; position: absolute; left: 23px; z-index: 10; top: 31px;}
.qr img {display: none; border: 1px solid #eee; background: #fff; padding: 10px; width: 100px; height: 100px; box-shadow: 0 3px 12px rgba(111,111,111,0.22); position: absolute; left: -30px; z-index: 9; top: 37px;}
.qr:hover:before, .qr:hover img {display: block;}
.menu {background-color: #02437f;}
.main-menu {height: 60px; line-height: 60px; width: 1200px; color: #fff; margin: 0 auto}
.main-menu ul {display: flex; width: 100%; flex-wrap: nowrap;}
.main-menu ul li {height: 60px; flex: 1; position: relative}
.main-menu ul li.curr a, .main-menu ul li:hover a, .main-menu ul li:hover span {background-color: #165289}
.main-menu ul li > a, .main-menu ul span, .sub-menu li a {display: block; margin: 0 5px; color: #fff; cursor: pointer; position: relative; overflow: hidden; text-align: center; height: 60px; line-height: 60px; box-sizing: border-box; font-size: 18px}
.main-menu ul span:after {font-size: 20px; content: "\e602"}
.sub-menu {background: #01539e; display: none; height: 60px;}
.sub-menu ul {width: 1200px; margin: 0 auto; display: flex;}
.sub-menu li {width: 120px; height: 60px;}
.sub-menu ul li:hover a, .sub-menu ul li.curr a {background-color: #1d6fbb}
.menu li .all_menu {display: none; transition: all 300ms; opacity: 0; position: absolute; width: 1200px; background-color: #fff; box-shadow: 0 3px 5px rgba(50,50,50,0.1); right: 0; z-index: 20; box-sizing: border-box; padding: 10px 20px;}
.menu li .all_menu dt {color: #333; font-weight: bold; font-size: 18px;}
.menu li .all_menu a {display: inline-block; color: #333; line-height: 30px; margin-right: 20px; padding: 0 20px;}
.menu li .all_menu a:hover {color: #165289}
.menu .open.select span {background-color: #01539e; color: #fff;}
.menu .open.select span:after {content: "\e603"}
.menu .open.select .sub-menu {display: block; opacity: 1;}

.crj {float: right; line-height: 40px; margin-left: 30px; cursor: pointer; font-size: 30px; color: #02437f; position: relative;}
.crj:after {border-left: 2px solid #02437f; height: 18px; position: absolute; left: -11px; top: 11px; content: ''}

.force_news { margin: 40px auto 20px; overflow: hidden;}
.force_news li {height: 122px;}
.force_news a {display: flex; flex-direction: column; align-items: center; text-align: center}
.force_news h3 {height: 62px; width: 80%; font: bold 36px/62px 'inherit'; text-align: center; color: #333; box-sizing: border-box; padding-left: 216px; position: relative; overflow: hidden;}
.force_news h3:before {content: "【编辑推荐】"; width: 216px; background-color: #fff; color: #02437f; position: absolute; z-index: 4; left: 0;}
.force_news h3 span {display: inline-block; overflow: hidden; white-space: nowrap;  position: relative; z-index: 3; transform: translateX(0)}

.force_news li p {line-height: 30px; color: #666; width: 90%; height: 60px; overflow: hidden;}
.force_news li p:after {color: #02437f; display: inline-block; margin-left: 10px; content: '[查看更多]'}
.force_news .spe {display: flex; margin-top: 20px;}
.force_news .spe span {flex: 1; margin: 0 5px; height: 4px; cursor: pointer; background: #e3ecf5}
.force_news .spe span.current {background-color: #02437f}
.pic-recommend {float: left; width: 750px; height: 490px; margin-top: 10px; overflow: hidden; position: relative;}
.pic-recommend ul {width: 100%; height: 100%; }
.pic-recommend li a {position: relative}
.pic-recommend li a, .pic-recommend li img {display: block; width: 750px; height: 490px; overflow: hidden; transition: all 300ms;}
.pic-recommend li h4 {background: rgba(0,0,0,.5); height: 40px; line-height: 40px; color: #fff; padding: 5px 10px; width: 100%; position: absolute; left: 0; bottom: 0;}
.pic-recommend li:hover img {transform: scale(1.03);}
.pic-recommend p {position: absolute; width: auto!important; right: 5px!important; margin: 0 4px; left: unset!important; bottom: 0!important; height: 40px; z-index: 20}
.pic-recommend p span {width: 10px; height: 10px; display: inline-block; color: #333; opacity: 1; border-radius: 10px; margin: 0 4px; background-color: #fff}
.pic-recommend p span.current {background-color: #02437f; width: 22px;}
.txt-recommend {width: 525px; float: left;}
.r-list {display: none;}
.r-list li {line-height: 46px; font-size: 18px; height: 46px; text-align: right}
.r-list li a {float: left; width: calc(100% - 58px); text-align: left}
.r-list li span { color: #999;}
.zxgd-l .label {height: 50px; border-bottom: 1px solid #dcdcdc;}
.label p { height: 50px; float: left; display: flex;}
.label p span {width: 120px; cursor: pointer; margin-right: 15px; height: 50px; line-height: 50px; color: #666; font-size: 24px; text-align: center;}
.label p span.curr, .label p span:hover {color: #02437f; position: relative;}
.label p span.curr:after {content: ''; width: 100%; border-bottom: 2px solid #02437f; position: absolute; left: 0; bottom: 0}
.zxgd-l .label a {float: right; color: #999; line-height: 56px; height: 50px; font-size: 14px; padding-right: 10px; position: relative}
.zxgd-l .label a:after {border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(45deg); position: absolute; right: 0; top: 24px; width: 6px; height: 6px; content: '';}
.zxgd-l {width: 580px; float: left;}
.zxgd-r {width: 580px; height: 456px; overflow: hidden; float: right;}
.label-con {float: right; width: calc(100% - 775px); overflow: hidden; height: 500px;}
.label-con:first-child {display: block;}
.label-con .one {border-bottom: 1px dashed #ccc; height: 92px; margin: 10px 0; padding-bottom: 10px; display: block;}
.label-con .one h4 {height: 40px; line-height: 40px; color: #333; font-size: 18px; overflow: hidden}
.label-con .one h4:after {float: right; content: attr(data-date); font-size: 14px; color: #999;}
.label-con .one h4:before, .label-con li em {float: left; font-size: 16px; content: attr(data-cate); color: #c72321; margin: 9px 0 0 0; line-height: 22px;}
.label-con .one p {height: 52px; line-height: 26px; font-size: 14px; color: #666; overflow: hidden;}
.label-con li {height: 48px; line-height: 48px; border-bottom: 1px dashed #ddd; overflow: hidden; background: #fff;}
.label-con li h4 { height: 48px; overflow: hidden; font-size: 18px;}
.label-con li a {display: block}
.label-con li h4 i {width: calc(100% - 40px); float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.label-con li em {margin: 15px 0 0 0;}
.label-con li span {float: right; color: #999; font-size: 14px;}
.label-con li.curr a, .label-con .one.curr h4 { color: #02437f;}
.label-con li p {height: 0px; opacity: 0; line-height: 26px; font-size: 14px; color: #666; overflow: hidden; transition: all 300ms;}
.label-con li.curr {height: 110px;}
.label-con li.curr p {height: 52px; opacity: 1}
.ad-box { margin-top: 30px; height: 110px; overflow: hidden}
.ad-box li {width: 100%; height: 110px}
.ad-box a {display: block; height: 110px}
.ad-box a img { display: block; width: 100%; height: 100%;}
.ztzl {float: left; width: 788px;}
.blx-title {height: 64px; line-height: 64px;}
.blx-title a.more {float: right; font-size: 14px; color: #999;}
.blx-title a.more:after {border-top: 1px solid #afafaf; border-right: 1px solid #afafaf; transform: rotate(45deg); content: ''; width: 7px; height: 7px; float: right; margin: 20px 0 0 3px;}
.blx-title a.more:hover {color: #c72321}
.blx-title a.bt, .blx-title p span.bt {float: left; color: #333; font-weight: bold; font-size: 24px;}
.blx-title a:hover {color: #02437f}
.blx-title p {float: left;}
.blx-title p span {cursor: pointer; float: left; text-align: center; font-size: 24px; padding: 0 30px; margin-right: 10px;}
.blx-title em {float: right}
.blx-title em a {display: inline-block; margin: 0 5px; font-size: 16px; min-width: 60px; text-align: center;}
.blx-title em a:hover, .blx-title em a.curr { font-weight: bold}
.ztzl-content { overflow: hidden;}
.big-thumb {width: 595px; height: 332px; float: left; position: relative; overflow: hidden}
.zt-detail a {display: block; position: relative;}
.zt-detail h3 {height: 40px; line-height: 40px; background: rgba(0,0,0,0.63); color: #fff; box-sizing: border-box; padding: 0 5px; overflow: hidden; font-size: 16px; z-index: 10; position: absolute; left: 0; bottom: 0; right: 0; font-weight: normal}
.zt-detail img {display: block; width: 595px; height: 332px;}
.ztzl-content .lv { width: 176px; height: 332px; float: right;}
.ztzl-content .lv ul {display: flex; flex-direction: column;}
.ztzl-content .lv li {height: 86px; border-radius: 10px; box-sizing: border-box; border: 2px solid #fff; position: relative}
.ztzl-content .lv li a, .ztzl-content .lv li img {width: 100%; height: 100%; display: block; overflow: hidden; border-radius: 10px; transition: all 300ms;}
.ztzl-content .lv li.swiper-slide-thumb-active {border-color: #02437f}
.ztzl-content .lv li.swiper-slide-thumb-active:before {position: absolute; left: -16px; top: 34px; border: 8px solid transparent; border-right-color: #02437f; content: '';}
.ztzl-content em {cursor: pointer; position: absolute; top: 55px; background-color: #c72321; width: 28px; height: 76px;}
.ztzl-content em:after {position: absolute; left: 4px; top: 30px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); content: ''; width: 12px; height: 12px;}
.ztzl-content em.prev {left: 0;  transform: rotate(180deg)}
.ztzl-content em.next {right: 0;}
.np {width: 34px; height: 60px; background-color: rgba(100,100,100,0.3); transition: all 300ms; position: absolute; top: 36%; border-radius: 5px; cursor: pointer; z-index: 5}
.np:after {border-left: 3px solid #fff; border-top: 3px solid #fff; content: ''; width: 12px; height: 12px; position: absolute; left: 38%; top: 22px; transform: rotate(-45deg);}
.np-btn-pref {left: 0}
.np-btn-next {right: 0; transform: rotateY(180deg)}
.np:hover {background: #02437f}
.qk {width: 380px; float: right;}
.qk-content {display: flex}
.qk-content li {flex: 1}
.qk-content li a {display: block; background-color: #c5d2de; padding-top: 20px;}
.qk-content li img {width: 165px; height: 222px; margin: 0 auto; display: block;}
.qk-content li div {background-color: #f6f6f6; margin-top: 20px; padding: 0 10px 10px; text-align: center;}
.qk-content li h2 {font: bold 18px/38px 'inherit'; height: 38px; overflow: hidden; color: #02437f}
.qk-content li p {height: 22px; line-height: 22px; overflow: hidden;}
.news-three {margin: 30px auto;}
.news-item {width: 374px;}
.news-item li, .video-box ol li {overflow: hidden;}
.news-item li.first {margin-bottom: 16px;}
.news-item li a, .video-box ol li a {display: block; overflow: hidden; height: 38px; line-height: 38px; font-size: 16px; color: #333;}
.news-item li a:hover, .video-box ol li a:hover {color: #02437f}
.news-item li a.pic { height: 214px; position: relative;}
.news-item li a.pic:after {position: absolute;left: 0; top: 0; transition: all 300ms; box-shadow: 0px -33px 17px -7px #00000087 inset; z-index: 2; content: ''; width: 100%; height: 100%;}
.news-item li a i {width: calc(100% - 70px); float: left;}
.news-item li img { width: 374px; transition: all 300ms; height: 100%; display: block; position: relative; z-index: 1}
.news-item li:hover img {transform: scale(1.04);}
.news-item li:hover a.pic:after {box-shadow: 0px -33px 17px -7px #000000c9 inset;}
.news-item li span {float: right; width: 44px; height: 36px; color: #999; font-size: 14px;}
.news-item li:nth-child(n + 2) a:before, .video-box ol li a:before {content: ''; border-radius: 6px; background: #02437f; width: 6px; height: 6px; float: left; margin: 16px 8px 0 0;}
.news-item li a:hover {color: #02437f}
.news-item li a.pic span {float: none; width: 100%; height: 40px; box-sizing: border-box; padding: 0 10px; overflow: hidden; font-size: 16px; color: #fff; line-height: 40px; position: absolute; left: 0; bottom: 0; z-index: 3}

.magazine { width: 375px; height: 394px; box-sizing: border-box;}
.ma-con {margin-top: 20px;}
.mag-left {float: left; width: 235px; overflow: hidden}
.mag-left ul {display: flex; width: 500px;}
.mag-left li {width: 235px; height: 325px; overflow: hidden;}
.mag-left li a {display: block; width: 235px; height: 325px; transition: all 300ms;}
.mag-left li:hover a {transform: scale(1.03)}
.mag-right {float: right; width: 125px; height: 300px;}
.mag-right h3 {font: bold 24px/36px 'inherit'; color: #333;}
.mag-right h5 {line-height: 38px; margin: 5px 0; color: #333}
.mag-right button {width: 120px; height: 34px; color: #fff; background-color: #02437f; border-radius: 5px;}
.mag-right img {width: 120px; height: 120px; display: block; margin: 30px 0 5px; border: 1px solid #e1e1e1; border-radius: 5px;}
.mag-right p {line-height: 24px; font-size: 14px; text-align: center;}
.news-four {margin: 30px auto;}
.four-item {width: 374px; box-sizing: border-box;}
.two-pic {margin-top: 20px;}
.two-pic li {float: left; width: 176px; background: #f9f9f9}
.two-pic li:last-child {float: right}
.two-pic li img, .two-pic li i {display: block; width: 176px; height: 120px; overflow: hidden; transition: all 300ms;}
.two-pic li:hover img {transform: scale(1.03)}
.two-pic li a {display: block}
.two-pic li span {display: block; line-height: 20px; transition: all 300ms; font-size: 14px; padding: 10px 8px 5px;}
.two-pic li span:after {display: block; text-align: right; padding: 10px 10px 0; content: attr(data-date); font-size: 14px; color: #999;}
.two-pic li:hover span {background: #e7e7e7; color: #666;}
.s-list li { height: 44px; font-size: 16px; line-height: 44px;}
.s-list li a {float: left; color: #333; width: 322px;}
.s-list li a:before, .five-item li a:before {border-radius: 6px; background: #02437f; width: 6px; height: 6px; float: left; margin: 19px 8px 0 0; content: ''; }
.s-list li span {float: right;font-size: 14px; color: #999;}
.s-list li a:hover {color: #02437f;}
.s-list li a:hover:before {background-color: #02437f}
.wenhua-con .s-list {display: none;}
.wenhua-con .s-list:first-child {display: block;}
.news-five {margin-top: 20px;}
.news-five:after, .news-three:after, .news-four:after, .news-six:after, .video-box ol:after, .news-seven:after, .video-box:after, .pic-two-list:after {content: ''; clear: both; display: block;}
.five-item {width: 386px; margin-right: 20px; background-color: #f9f9f9; transition: all 300ms; box-sizing: border-box; padding: 14px 20px;}
.five-item:last-child {margin-right: 0}
.time-children {width: 346px; margin-top: 20px; display: block;}
.time-children em, .time-children img {display: block; overflow: hidden; border-radius: 10px; transition: all 300ms;}
.time-children h4 {font: normal 18px/50px 'inherit'; height: 50px; overflow: hidden;}
.time-children p {font-size: 14px; color: #666; line-height: 22px; height: 110px; overflow: hidden;}
.five-item li {border-top: 1px dashed #ddd;}
.five-item li a {height: 60px; line-height: 60px; font-size: 18px; color: #333; overflow: hidden; display: block;}
.five-item:hover {background-color: #e9e9e9;}
.five-item:hover img {transform: scale(1.03);}
.five-item li a:hover {color: #02437f}
.five-item li a:before {margin-top: 30px;}
.news-six {margin: 68px auto;}
.six-item {width: 374px; box-sizing: border-box;}
.six-item .ol {margin-top: 7px;}
.six-item .ol a {background-color: #f9f9f9; border-radius: 5px; width: 114px; height: 165px; overflow: hidden; box-shadow: 0 0 5px rgba(100,100,100,0.3); margin: 0 16px 12px 0; display: block; transition: all 300ms; float: left }
.six-item .ol a:nth-child(3n + 3) {float: right; margin-right: 0}
.six-item .ol a:nth-child(n + 4) {margin-bottom: 0}
.six-item .ol a img {width: 100%; height: 165px; display: block; transition: all 300ms;}
.six-item .ol span {float: left; width: 102px; font-size: 18px; line-height: 26px; color: #02437f; text-align: center; position: relative; transition: all 300ms;}
.six-item .ol span:before {font: normal 26px/32px 'inherit'; display: block; text-align: center; content: attr(data-day);}
.six-item .ol span:after {border: 1px solid #ddd; height: 44px; position: absolute; right: 1px; top: 8px; content: ''}
.six-item .ol div {width: calc(100% - 130px);}
.six-item .ol h3 {font: normal 18px/34px 'inherit'; height: 34px; overflow: hidden; transition: all 300ms;}
.six-item .ol p {font: normal 14px/24px 'inherit'; text-indent: 28px; height: 50px; overflow: hidden; color: #666; transition: all 300ms;}
.six-item .ol a:hover {background-color: #02437f;}
.six-item .ol a:hover span {color: #fff}
.six-item .ol a:hover h3, .six-item .ol a:hover p {color: #fff;}
.six-item .ol a:hover img {transform: scale(1.1)}
.six-item.f-r { width: 460px; padding-bottom: 0}
.six-pic { width: 100%; overflow: hidden; margin-top: 20px;}
.six-pic ul {display: flex; width: 920px;}
.six-pic li {width: 420px; height: 312px;}
.six-pic li a {display: block}
.six-pic li span, .six-pic img {display: block; width: 420px; height: 254px; transition: all 300ms; overflow: hidden}
.six-pic:hover img {transform: scale(1.03);}
.six-pic li h4 {height: 58px; line-height: 58px; font-size: 18px;}

.news-seven {margin: 30px auto;}
.video-box { width: 580px;}
.video-box .v1 {overflow: hidden; position: relative;}
.video-box .v-l {width: 580px; height: 327px; float: left; overflow: hidden; position: relative; border-radius: 10px;}
.video-box .v1 ul {display: flex; width: 1360px;}
.video-box .v1 li {width: 580px; height: 327px; transition: all 300ms; position: relative; cursor: pointer;}
.video-box .v1 a {width: 100%; height: 100%; display: block; position: relative; z-index: 4; background: no-repeat center / 100% 100%;}
.video-box .v1 h4 {height: 54px; line-height: 54px; background-color: rgba(0,0,0,0.6); color: #fff; position: absolute; left: 0; bottom: 0; right: 0; font-size: 18px; overflow: hidden; box-sizing: border-box; padding: 0 10px;}
.video-box .v1 p {position: absolute; right: 0; left: unset!important; z-index: 10; text-align: center; width: 120px; height: 54px; line-height: 54px; bottom: 0;}
.video-box .v1 p span {width: 10px; height: 10px; border-radius: 10px; background-color: #fff; margin: 0 5px; display: inline-block;}
.video-box .v1 p span.curr {width: 26px; background-color: #02437f}


.video-box ol { overflow: hidden; margin-top: 10px;}
.video-box ol li { height: 40px;}
.video-box ol a {display: block}

#picture .v-l img {transition: all 300ms;}
#picture ol img, #picture ol i {width: 270px; height: 144px; border-radius: 5px; transition: all 300ms; margin-bottom: 5px; overflow: hidden}
#picture li:hover img {transform: scale(1.03)}
.video-box ol p {line-height: 24px; height: 48px; overflow: hidden; font-size: 16px; color: #333;}
.video-box li:before {color: #fff; font-size: 75px; position: absolute; left: calc(50% - 20px); top: 48px;}
.video-box .v1 li a:before {font-size: 60px; position: absolute; left: calc(50% - 30px); top: 106px; z-index: 5; color: #fff}

.news-eight { width: 374px;}
.news-eight li { width: 100%; height: 100px; margin-bottom: 20px; transition: all 300ms; box-sizing: border-box; padding: 12px; border-radius: 10px; box-shadow: 0 2px 13px 0px #ececec}
.news-eight li:last-child {margin-bottom: 0;}
.news-eight li h4 {font-size: 16px; line-height: 38px; height: 38px; overflow: hidden;}
.news-eight li h4:before {color: #02437f; font-size: 24px; float: left; margin-right: 10px;}
.news-eight li:hover { box-shadow: 0 4px 10px 0px #ececec; transform: translateY(-5px);}
.news-eight li:hover h4 {color: #02437f}
.radio {height: 36px;}
.radio span {color: #02437f; width: 36px; height: 36px; cursor: pointer; float: left;}
.radio span:before {width: 36px; height: 36px; content: ''; background: url("./image/play_icon.png") no-repeat center / 100%; display: block}
.radio p {height: 20px; width: calc(100% - 100px); position: relative; right: 54px; float: right; margin-top: 8px;}
.radio p em {width: 20px; height: 20px; border-radius: 50%; background-color: #02437f; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 3}
.radio p:after {width: 100%; height: 14px; background-color: #f2f2f2; border-radius: 15px; content: ''; position: relative; top: 3px; display: block; z-index: 2}
.radio p i { color: #02437f; font-size: 14px; position: absolute; right: -46px; top: 0;}
.radio span.paused:before {background-image: url("./image/puas_icon.png")}

footer { background: #ccd9e5; margin-top: 30px;}
.media-link {height: 68px; display: flex}
.media-link dl {flex: 1; height: 68px; text-align: center; position: relative}
.media-link dt {width: 100%; height: 68px; line-height: 68px; cursor: pointer;}
.media-link dt:after {border: 6px solid transparent; display: inline-block; border-bottom-color: #c2bdba; content: ''; transition: all 200ms; position: relative; top: -2px; left: 8px;}
.media-link dd {display: none; width: 144px; background-color: #fff; border-radius: 5px; padding: 5px; height: 144px; position: absolute; left: calc(50% - 72px); top: -150px; z-index: 5; box-shadow: 3px 3px 10px 0 rgba(198, 198, 198, 0.4)}
.media-link dd img {display: block;}
.media-link dl.show dt:after {transform: rotate(180deg) translateY(-6px); transform-origin: 5px;}
.media-link dl.show dd {display: block;}


.footer-box { display: flex; padding: 45px 0 30px;}
.footer-box dl {background: #a4bbd1;}
.links {width: 798px; margin-right: 20px}
.links dd, .site dd {padding: 10px; text-align: justify}
.links dd a {line-height: 30px; font-size: 14px; display: inline-block; color: #fff; margin-right: 20px;}
.links dd a:hover, .site dd a:hover {color: #fff}
.site {width: 198px; margin-right: 20px}
.site dd a { line-height: 30px; width: 50%; text-align: center; display: inline-block; color: #fff; font-size: 14px}
.contact {width: 160px;}
.contact dd:nth-child(2) {text-align: center; color: #fff; font-size: 14px; line-height: 60px; border-bottom: 1px solid #fff;}
.contact dd span {background: #fff; border-radius: 5px; padding: 5px; box-sizing: border-box; display: block; width: 73%; text-align: center; line-height: 18px; margin: 10px auto; font-size: 12px; color: #666; height: 44px;}
.contact dd span:before {color: #000; height: 36px; float: left; font-size: 28px; line-height: 36px;}
.matrix {width: 300px;}
.matrix dd {cursor: pointer; position: relative; float: left; width: 50%; font-size: 14px; line-height: 60px; color: #666; padding-left: 20px; box-sizing: border-box;}
.matrix dd:nth-child(n + 4) {border-top: 1px solid #fff}
.matrix dd:before {width: 30px; height: 30px; text-align: center; float: left; margin: 16px 8px 0 0; line-height: 30px; border-radius: 50%;}
.matrix dd.icon-weixin:before {font-size: 30px; background-color: #fff; color: #1ed76d}
.matrix dd.icon-shipinhao:before {font-size: 22px; background-color: #fe8502; color: #ffebd3}
.matrix dd.douyin, .matrix dd.xinlangweibo {position: relative;}
.matrix dd.douyin:before {content: ''; background: url("./image/douyin.png") no-repeat center / 100%; border-radius: 50%}
.matrix dd.xinlangweibo:before {content: ''; background: #fbe089 url("./image/xinlan.png") no-repeat center / 70%; border-radius: 50%}
.matrix dd span {background: #fff; display: none; position: absolute; z-index: 20; box-shadow: 0 3px 10px rgba(196, 196, 196, 0.6); left: 0; top: -130px; width: 126px; height: 126px; }
.matrix dd img {display: block}
.matrix dd span:after {border: 9px solid transparent; border-top-color: #fff; content: ''; position: absolute; left: 55px; bottom: -16px;}
.footer-box dt {font-size: 16px; padding: 0 10px; font-weight: bold; line-height: 48px; color: #fff; background: #84a3c1;}
.config {text-align: center; background: #02437f; font-size: 14px; line-height: 48px; color: #fff;}
.config a { color: #fff; display: inline-block; margin: 0 10px;}
.fast-position {background: #fff; border-radius: 10px; overflow: hidden; width: 100px; z-index: 101; box-shadow: 3px 4px 20px -4px rgba(199, 199, 199, 0.6); position: fixed; right: 30px; top: calc(var(--header-height) + 70px)}
.fast-position dd a {display: block; border-bottom: 1px dashed #ddd; height: 40px; line-height: 40px; font-size: 16px; text-align: center}
.fast-position dd a.curr {background: #02437f; color: #fff;}
.fast-position dt {font-size: 16px; height: 40px; cursor: pointer; line-height: 40px; font-weight: bold; color: #02437f; text-align: center;}
.fast-position dt:after {border: 5px solid transparent; border-bottom-color: #02437f; content: ''; display: inline-block; cursor: pointer; position: relative; left: 7px; top: -2px;}
.r-top {width: 64px; height: 64px; border-radius: 10px; background: #02437f; text-align: center; line-height: 64px; cursor: pointer; position: fixed; right: 20px; bottom: 40px;}
.r-top:before {transform: rotate(90deg); font-size: 30px; color: #fff; display: inline-block;}

.position {height: 50px; font-size: 18px; margin: 20px auto; line-height: 50px;}
.position a { position: relative; display: inline-block; margin-right: 26px;}
.position a:after {content: ''; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(45deg); width: 8px; height: 8px; position: absolute; right: -15px; top: 20px;}
.position a:last-child:after {display: none;}
.lists-box { width: 760px;}
.lists-box li {height: 60px; border-bottom: 1px dashed #ddd; line-height: 60px;}
.lists-box li:nth-child(9n + 9) {margin-bottom: 50px;}
.lists-box li a {display: block; text-align: right;}
.lists-box li span {float: left;}
.hot-box {width: 395px;}
.hot-one { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #dcdcdc}
.hot-one li {font: normal 16px/52px 'inherit';}
.hot-one li a {display: block; text-align: right; color: #999;}
.hot-one li span {float: left; width: 342px; height: 52px; overflow: hidden; text-overflow: ellipsis; text-align: left; white-space: nowrap; color: #333;}
.hot-one li:nth-child(1) a:before,
.hot-one li:nth-child(2) a:before,
.hot-one li:nth-child(3) a:before,
.hot-one li:nth-child(4) a:before, .hot-one li:nth-child(5) a:before {float: left; content: attr(date-num); margin: 15px 6px 0 0; width: 28px; height: 24px; text-align: center; line-height: 24px; color: #fff; background: #02437f;}
.hot-one li:nth-child(2) a:before {background-color: #356999}
.hot-one li:nth-child(3) a:before {background-color: #678eb2}
.hot-one li:nth-child(4) a:before {background-color: #9ab4cc}
.hot-one li:nth-child(5) a:before {background-color: #ccd9e5}
.hot-one li:nth-child(1) span, .hot-one li:nth-child(2) span, .hot-one li:nth-child(3) span, .hot-one li:nth-child(4) span, .hot-one li:nth-child(5) span {width: 310px;}
.hot-box .qk {width: 100%; float: none; padding-bottom: 20px; border-bottom: 1px dashed #dcdcdc}
.hot-picture { padding-bottom: 20px; border-bottom: 1px dashed #dcdcdc}
.hot-picture:last-child {border-bottom: none;}
.hot-picture li {height: 112px; margin-bottom: 20px}
.hot-picture li a {display: block; width: 100%; height: 100%}
.hot-picture li p {float: left; width: 180px; height: 112px; overflow: hidden}
.hot-picture li p img { width: 180px; height: 112px;}
.hot-picture li span {float: right; width: calc(100% - 196px); height: 100%; font-size: 16px; line-height: 30px; color: #333; box-sizing: border-box; padding: 5px 0; position: relative;}
.hot-picture li span:after {content: attr(data-date); position: absolute; line-height: 30px; right: 0; bottom: 0; color: #999;}
.hot-picture .icon-bofang {position: relative; height: 100%;}
.hot-picture .icon-bofang:before {position: absolute; left: 72px; top: 33px; color: #fff; font-size: 44px; z-index: 5;}
.hot-picture li p.icon-bofang:after {width: 100%; height: 100%; content: ''; background-color: rgba(0,0,0,0.54); position: absolute; left: 0; top: 0; z-index: 4}
.position { margin: 30px auto; font-size: 16px;}
.position a {position: relative; margin-right: 30px; font-size: 16px;}
.position a:after {content: ''; position: absolute; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); top: 22px; width: 7px; height: 7px; right: -15px;}
.article-detail {margin: 20px auto;}
.article-title { border-bottom: 1px solid #dcdcdc}
.article-title h2 {font: bold 30px/60px 'inherit'; color: #333; margin-bottom: 20px;}
.article-title p {font-size: 16px; line-height: 34px; color: #999; margin-bottom: 10px;}
.content {margin-top: 30px; line-height: 34px;}
.near-article {border-top: 1px solid #dcdcdc; margin: 30px auto; padding: 10px 0;}
.near-article p {line-height: 24px; margin: 5px 0; font-size: 14px; color: #666;}
.qz-page { height: 40px; line-height: 40px; text-align: center; margin-top: 40px;}
.qz-page a, .qz-page em {padding: 0 5px; line-height: 40px; height: 40px; margin: 0 5px; min-width: 25px; font-size: 16px; display: inline-block; border: 1px solid #ddd}
.qz-page em {background-color: #02437f; color: #fff; border-color: #02437f}
.newsView, .search-box {width: 760px;}
.detail-title {font: bold 30px/50px 'inherit'; color: #333; text-align: center}
.detail-sub-title {font: bold 20px/52px ''; text-align: center}
.detail-sub-title:before {content: '——'}
.detail-attr {line-height: 20px; padding: 18px; color: #999; font-size: 14px; border-bottom: 1px solid #ddd; text-align: center}
.detail-attr span {margin-right: 20px;}
.text {margin-top: 30px; overflow: hidden;}
.text * {line-height: 32px; font-size: 16px;}
.text p, .text section {text-indent: 32px}
.text b, .text strong {font-weight: bold}
.text img {max-width: 760px; height: auto; display: block; margin: 20px auto 5px;}
.text video {width: 600px; height: 338px; display: block; margin: 20px auto 5px}
.page-near {margin-top: 30px; border-top: 1px solid #ddd; padding: 10px 0;}
.page-near p {line-height: 32px; height: 32px; overflow: hidden; color: #666}
.summary-list {width: 760px;}
.summary-list li {border-bottom: 1px dashed #dcdcdc; margin-bottom: 24px;}
.summary-list li a {padding: 0 0 20px; display: block;}
.summary-list li h3 {line-height: 30px; color: #333; font-weight: normal; font-size: 18px;}
.summary-list li p {line-height: 26px; height: 78px; overflow: hidden; font-size: 14px; color: #666; text-indent: 28px; margin-top: 10px;}
.summary-list li span {display: block; text-align: right; line-height: 30px; color: #999; font-size: 14px; margin-top: 10px;}
.summary-list li em {margin-left: 20px;}

.about-banner {width: 100%; height: 6.45rem; background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
.about-banner h3 {font: normal 50px/160px 'inherit'; color: #fff; width: 1200px; margin: 0 auto;}
.about-banner h3 span {display: block; padding-top: 10%; text-shadow: 3px 8px 5px rgba(100,100,100,0.3)}
.about_theme {margin: 30px 0; width: 100%; box-sizing: border-box;}
.about_theme h3 {font: bold 24px/40px 'inherit'; color: #000; margin-bottom: 30px; text-align: center}
.about_theme a {display: block; position: relative; margin-bottom: 20px;}
.about_theme a:after {content: '查看更多 >>'; right: 10px; bottom: 0; position: absolute; color: #02437f}
.about_theme:hover h3 {color: #02437f}
.about_theme img { width: 434px; height: 280px;}
.about_theme p { color: #333; width: 100%; height: 120px; overflow: hidden; line-height: 40px; font-size: 16px; text-indent: 32px}
.about-nt {font: bold 24px/40px 'inherit'; margin-top: 30px; display: block;}
.about-nt a:last-child {font: normal 16px/40px 'inherit'; float: right;}
.about-news {width: 100%;}
.about-news .f-l, .about-news .f-r {width: 585px;}

.text-pic, .video-list, .pic-two-list {width: 1200px; margin: 0 auto;}
.text-pic .li {float: left; width: 270px; margin-bottom: 20px; margin-right: 30px;}
.text-pic .li:nth-child(4n + 4), .video-list li:nth-child(3n + 3) {margin-right: 0}
.text-pic .li img, .text-pic .li span {width: 270px; height: 195px; display: block; overflow: hidden; transition: all 0.3s;}
.text-pic .li:hover img {transform: scale(1.02)}
.text-pic .li h4 {font-size: 16px; line-height: 26px; color: #333; height: 52px; margin-top: 5px; overflow: hidden;}
.video-list {margin-top: 80px;}
.video-list:after {content: ''; display: block; clear: both;}
.video-list li {float: left; width: 372px; margin-bottom: 40px; margin-right: 42px;}
.video-list li a {display: block; width: 372px;}
.video-list li i, .video-list li img {background: #000; display: block; width: 372px; height: 210px; position: relative}
.video-list li img {opacity: 0.6}
.video-list li i:before {position: absolute; left: 42%; top: 41%; font-size: 54px; z-index: 5; color: #fff;}
.video-list li h4 {height: 60px; line-height: 30px; overflow: hidden; margin-top: 10px;}

.recommend-video {width: 1200px; height: 672px; margin: 0 auto; position: relative; overflow: hidden;}
.recommend-video .rv {position: absolute; top: 300px; width: 80px; font-family: 'iconfont'; height: 80px; cursor: pointer; background: rgba(255,255,255,0.3); border-radius: 20px; z-index: 10}
.recommend-video .rv:before {color: #fff; font-size: 52px; position: absolute; left: 12px; top: 15px; content: '\e606'}
.recommend-video .rv.prev {left: 10px}
.recommend-video .rv.next {right: 10px; transform: rotateZ(180deg);}
.rv-box {width: 1200px; height: 672px;}
.rv-box a, .rv-box img {width: 100%; height: 100%; display: block;}
.rv-box a i {position: relative; display: block; background: #000;}
.rv-box img {opacity: 0.8;}
.rv-box a i:before {font-size: 92px; position: absolute; left: calc(50% - 46px); top: 300px; color: #fff; z-index: 11}
.rv-box a h4 {background: rgba(0,0,0,0.4); height: 60px; line-height: 60px; color: #fff; font-size: 16px; box-sizing: border-box; padding: 0 10px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 11}
.pic-two-list {margin-top: 40px;}
.pic-two-list li {float: left; width: 580px; margin-bottom: 24px;}
.pic-two-list li a {display: block; width: 580px;}
.pic-two-list li:nth-child(even) {float: right}
.pic-two-list li i, .pic-two-list li img { display: block; width: 580px; height: 362px; position: relative}
.pic-two-list li h4 {height: 30px; line-height: 30px; overflow: hidden; margin-top: 10px;}
.summary-pic {width: 760px;}
.summary-pic li {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #dcdcdc}
.summary-pic li:last-child {border-bottom: none}
.summary-pic li a {display: block;}
.summary-pic li a:after, .zhuanti_list:after, .block-box:after {display: block; content: ''; clear: both;}
.summary-pic li i {float: left;}
.summary-pic li i, .summary-pic li img {display: block; width: 230px; height: 150px;}
.summary-right {width: calc(100% - 250px); float: right; height: 150px;}
.summary-right h3 {font: normal 18px/32px 'inherit'; height: 32px; overflow: hidden; color: #333;}
.summary-right p {font: normal 14px/28px 'inherit'; color: #666; height: 84px; overflow: hidden; margin-top: 10px;}
.summary-right span {display: block; line-height: 40px; text-align: right}
.summary-right em {color: #999}

.zhuanti_list li {float: left; width: 372px; margin-bottom: 40px; margin-right: 42px;}
.zhuanti_list li:nth-child(3n + 3) {margin-right: 0}
.zhuanti_list li a {display: block; width: 372px;}
.zhuanti_list li i, .zhuanti_list li img {background: #000; display: block; width: 372px; height: 218px; position: relative; overflow: hidden; transition: all 300ms;}
.zhuanti_list li i:before {position: absolute; left: 42%; top: 41%; font-size: 54px; z-index: 5; color: #fff;}
.zhuanti_list li h4 {height: 60px; line-height: 30px; overflow: hidden; margin-top: 10px;}
.zhuanti_list li:hover img {transform: scale(1.03)}

.zt-banner {width: 100%; height: auto; aspect-ratio: 1920/798;}
.zt-banner img {width: 100%; height: 100%; display: block;}

.block-wrap h3 {font-size: 38px; line-height: 160px;}
.block-box a {background-color: #fff; width: 584px; box-shadow: 0 5px 5px rgba(51,51,51, 0.08); margin-bottom: 20px;}
.block-box a i, .block-box a img {width: 584px; height: 242px; overflow: hidden}
.block-box a h4 {line-height: 48px; font-size: 18px; height: 48px; overflow: hidden; width: 100%; box-sizing: border-box; padding: 0 10px 10px;}
.block-box a.single {height: 242px; float: none; width: 100%; display: block; clear: both;}
.block-box a.single i {float: left}
.block-box a.single div {width: calc(100% - 600px); height: 242px; overflow: hidden; box-sizing: border-box; padding-right: 10px; position: relative;}
.block-box a.single h4 {color: #333; height: 48px; padding: 0; line-height: 48px; overflow: hidden; font-size: 24px; font-weight: bold}
.block-box a.single p {color: #666; height: 120px; line-height: 30px; overflow: hidden; margin-bottom: 30px;}
.block-box a.single div:after {content: attr(data-date); display: block; line-height: 30px; color: #999; position: absolute; right: 10px; bottom: 8px}

.radio-list {float: left; width: 740px; margin-top: 20px;}
.radio-player {float: left; width: 230px; margin: 0 25px 30px 0; transition: all 300ms; box-shadow: 0 4px 10px rgba(110, 110, 110, 0.2); padding: 10px 8px; box-sizing: border-box;}
.radio-player:before {content: '\e866'; font-family: iconfont; width: 140px; height: 140px; transition: all 300ms; line-height: 140px; text-align: center; background-color: #ddd; border-radius: 50%; font-size: 100px; color: #02437f; display: block; margin: 0 auto 10px;}
.radio-player:nth-child(3n + 3) {float: right; margin-right: 0;}
.radio-player h4 {line-height: 26px; height: 52px; position: relative; overflow: hidden; padding-left: 30px; margin-bottom: 5px;}
.radio-player h4:before {position: absolute; left: 0; top: 5px; font-size: 20px;}
.radio-player:hover {transform: translateY(-5px); box-shadow: 0 4px 10px rgba(110, 110, 110, 0.5)}
.radio-player:hover:before {background-color: #02437f; color: #fff}
.radio-player.playing:before {animation: playing 20s linear infinite; background-color: #02437f; color: #fff}
.radio-player.playing .icon-bofang:before {content: '\e79d'; font-size: 34px}
@keyframes playing {
    0% {transform: rotateZ(0deg)}
    100% {transform: rotateZ(360deg)}
}
.ztfl {margin: 30px auto; background-color: #02437f; padding: 10px; box-sizing: border-box}
.ztfl:before {content: "专题栏目"; display: block; font: bold 22px/34px 'inherit'; margin-bottom: 10px; color: #fff}
.ztfl a {display: inline-block; margin-right: 20px; line-height: 40px; color: #fff}
.nothing {width: 100%; height: 60px; line-height: 60px; padding: 100px 0; text-align: center; font-size: 50px; color: #d0d0d0;}
.sitemap_list dl {margin-bottom: 20px;}
.sitemap_list dt {height: 40px; line-height: 40px; border-bottom: 2px solid #02437f}
.sitemap_list span {background: #02437f; color: #fff; display: inline-block; padding: 0 20px;}
.sitemap_list dd {padding: 20px}
.sitemap_list dd a {display: inline-block; margin-right: 70px; line-height: 40px; min-width: 120px}

.web_content {line-height: 32px; font-size: 16px;}
.web_content strong {font-weight: bold}
.web-box > h3 {text-align: center; font-size: 22px; line-height: 40px; margin-bottom: 20px;}
.search-box li {margin-bottom: 20px; border-bottom: 1px dashed #dedede; padding-bottom: 20px;}
.search-box .s-t {height: 30px; overflow: hidden; line-height: 30px; font-size: 16px; display: flex; margin-bottom: 10px;}
.search-box .s-t em {background: #02437f; color: #fff; padding: 0 6px; margin-right: 5px; min-width: 32px}
.search-box .s-c {line-height: 30px; text-indent: 32px; margin-bottom: 10px; height: 90px; overflow: hidden;}
.search-box .s-a {height: 26px; line-height: 26px; display: flex; justify-content: space-between; }
.search_time {height: 50px; display: flex; align-items: center; line-height: 26px; margin-bottom: 30px; font-size: 16px;}
.search-box .s-t span, .search-box .s-c span {color: red;}
.search-box .s-a a {color: #02437f;}
.gongan {background: url("https://www.equnzhe.com/yjn_uploads/common/gongan.png") no-repeat 10px center / auto 44%; padding-left: 36px}
.grey_model {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=3);-webkit-filter: grayscale(100%);}
.contact-warp {margin-top: 40px; display: flex}
.contact-box {flex: 1; border: 1px solid #02437f; margin: 0 15px; transition: all 300ms; padding: 30px 30px 20px; border-radius: 10px}
.contact-box h2 {font: bold 24px/80px 'inherit'; color: #02427f; background: url("./image/c1.png") no-repeat 5px center / auto 60%; padding-left: 64px; margin-bottom: 30px; position: relative; border-top: 1px solid #02437f; border-bottom: 1px solid #02437f}
.contact-box:nth-child(2) h2 {background-image: url("./image/c2.png")}
.contact-box:nth-child(3) h2 {background-image: url("./image/c3.png"); padding-left: 52px}
.contact-box p {font: normal 16px/40px 'inherit'; overflow: hidden; color: #02427f}
.contact-box p span {float: left; line-height: 40px;}
.contact-box p span:before {font-size: 24px; margin-right: 6px; float: left;}
.contact-box:hover {background-color: #f1f8ff}
.contact-map {float: right; width: 810px; height: 430px}
.juzheng {height: 50px; display: flex; margin: 30px 0;}
.juzheng dl {flex: 1; margin: 0 20px; position: relative}
.juzheng dt { cursor: pointer; line-height: 50px;}
.juzheng dt:before {content: ''; background: url("./image/weibo.png") no-repeat center / 60%; border-radius: 50%; width: 50px; height: 50px; float: left; margin-right: 20px;}
.juzheng dl:nth-child(1) dt:before {background-image: url("./image/weixin.png"); background-size: 100%;}
.juzheng dl:nth-child(2) dt:before {background-color: #ffe78c;}
.juzheng dl:nth-child(3) dt:before {background-image: url("./image/douyin.png"); background-color: #000; background-size: 70%}
.juzheng dl:nth-child(4) dt:before {background: #ff8c00 url("./image/shipinhao.png") no-repeat center / 65%;}
.juzheng dl dd {display: none; border: 1px solid #ddd; width: 220px; height: 220px; filter: drop-shadow(0px 5px 8px rgba(100, 100, 100, 0.3)); box-sizing: border-box; padding: 10px; background-color: #fff; position: absolute; left: -10px; bottom: 70px;}
.juzheng dl dd img {display: block; width: 100%; height: 100%;}
.juzheng dl dd:before {border: 1px solid transparent; border-bottom-color: #ddd; border-right-color: #ddd; width: 14px; height: 14px; position: absolute; left: 26px; bottom: -8px; content: ''; background-color: #fff; transform: rotate(45deg)}

@font-face {
    font-family: 'zhenyan';
    src: url("./special/normal2/style/font/zhenyangb.ttf");
}
.p2-banner {width: 100%; height: 6.95rem; overflow: hidden; position: relative}
.p2-banner li { width: 100%; height: 100%;}
.p2-banner li a {display: block; width: 100%; height: 100%; background: url("./image/banner.jpg") no-repeat center / 100% 100%;}
.dot-box {width: 1300px; position: absolute; left: calc(50% - 6.5rem); height: 40px; bottom: 50px; margin: 0 auto;}
.p2-banner-dot {position: absolute; left: 0!important; z-index: 10; bottom: 10px!important; width: 180px!important; height: 20px; text-align: center}
.p2-banner-dot span {cursor: pointer; width: 20px; height: 20px; display: inline-block; border-radius: 20px; margin: 0 5px; background: #0e2b63;}
.p2-banner-dot span.curr {background: #c8251c}
.jz-more {width: 90px; height: 40px; line-height: 40px; border-radius: 3px; transition: all 300ms; z-index: 5; position: absolute; left: 200px; bottom: 0px; background: #c8251c; color: #fff; text-align: center;}

.p2-title {width: 1200px; height: 90px; font: bold 40px/90px 'zhenyan'; color: #02437f;  display: block; text-align: center; margin: 0 auto; border-bottom: 1px solid #ddd}
.p2-title span {color: #c8251c}
.p2-title em {position: relative; display: inline-block; font-style: italic;}
.p2-title em:after {border-bottom: 2px solid #02437f; position: absolute; left: 10%; bottom: -1px; content: ''; width: 80%;}
.p2-hot { background: url("./image/p1_bg.jpg") no-repeat center bottom /100% auto; padding: 70px 0;}
.p2-hot-right {margin-top: 40px; overflow: hidden; padding: 0 1.4rem}
.p2-hot-right li {transform: scale(0.85) translateY(0.3rem) !important; transition: all 300ms;}
.p2-hot-right .swiper-slide-active, .p2-hot-right .swiper-slide-duplicate-active{ transform: scale(1)!important;}
.p2-hot-right .swiper-slide-prev {transform: scale(0.85) translateY(0.3rem) translateX(-0.2rem) !important}
.p2-hot-right .swiper-slide-next {transform: scale(0.85) translateY(0.3rem) translateX(0.2rem) !important}
.p2-hot-right li, .p2-hot-right a, .p2-hot-right img {width: 100%; height: 3.62rem; display: block}
.p2-hot-right a {position: relative; overflow: hidden;}
.p2-hot-right li img {display: block; transition: all 300ms;}
.p2-hot-right a p {position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; background: linear-gradient(to top, rgba(0,0,0, 0.8), rgba(0,0,0,0.1) 80%, transparent); padding: 20px 5px 0; text-align: center; line-height: 50px; color: #fff;}
.p2-hot-right li:hover img {transform: scale(1.05);}
.p2-dot {width: 160px!important; margin: 56px auto 5px; display: flex; border-bottom: 1px solid #ccd9e5;}
.p2-dot span{ flex: 1; height: 3px; background: transparent; position: relative; top: 2px}
.p2-dot span.curr{ background: #02437f;}

.p2-zt {background: #f4f4f4 url("./image/p2_bg.jpg") no-repeat center bottom / 100% auto; padding: 62px 0 110px}
.p2-zt_title {background: url("./image/title1.png") no-repeat center; width: 225px; height: 67px; display: block; margin: 0 auto 38px;}
.p2-zt-box { height: 455px; display: flex}
.p2-zt-r { width: 592px; height: 455px; margin-right: 20px; background: #fff;}
.p2-zt-r img { width: 592px; height: 358px;}
.p2-zt-r h3 {height: 90px; font: normal 16px/90px 'inherit'; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.p2-zt-box ul { height: 455px;}
.p2-zt-box li { float: left; width: 286px; height: 218px; margin-bottom: 18px; background: #fff;}
.p2-zt-box li:nth-child(even) { float: right;}
.p2-zt-box li:nth-child(n + 3) {margin-bottom: 0}
.p2-zt-box li a, .p2-zt-box li img {display: block; width: 100%; height: 100%;}
.p2-zt-box li img {height: 172px;}
.p2-zt-box li h3 {height: 46px; font: normal 16px/46px 'inherit'; padding: 0 5px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.p3-zt-list {background: url("./image/p3_bg.jpg") no-repeat center / 100% 100%; padding: 80px 0;}
.p3-zt-title {background: url("./image/title_r.png") no-repeat center 100%; display: block; width: 750px; height: 59px; margin-bottom: 70px}
.p3-zt-list ul {height: 476px; width: 1200px; margin: 0 auto;}
.p3-zt-list li {float: left; width: 104px; height: 476px; transition: all 300ms; position: relative; margin-right: 14px; overflow: hidden; border-radius: 8px;}
.p3-zt-list li.show {width: 842px;}
.p3-zt-list li:last-child {margin-right: 0}
.p3-zt-list li a, .p3-zt-list li img {display: block; width: 842px; height: 100%; position: relative; z-index: 2;}
.p3-zt-list li h3 {height: 80px; width: 100%; transform: translateY(80px); transition: all 300ms; text-align: center; color: #fff; font-weight: normal; line-height: 60px; z-index: 3; background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.4) 30%, transparent); position: absolute; left: 0; bottom: 0; box-sizing: border-box; padding: 20px 5px 0;}
.p3-zt-list li:after {position: absolute; left: 0; bottom: 0; cursor: pointer; width: 104px; transition: all 300ms; height: 100%; content: attr(data-title); writing-mode: vertical-lr; color: #fff; background: rgba(0,0,0,0.5); z-index: 5; text-align: center; line-height: 104px;}
.p3-zt-list li.show:after {transform: translateX(-104px);}
.p3-zt-list li.show h3 { transform: translateY(0px);}

.cb-banner {width: 100%; height: 4rem; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.cul-b1 {background: #fff url("./image/cb1.jpg") no-repeat center; padding: 0.4rem 0}
.cul-title {width: 1200px; margin: 0 auto 30px; height: 70px; line-height: 70px; text-align: center; position: relative;}
.cul-title:after {position: absolute; left: 0; width: 100%; height: 0; top: 35px; content: ''; border-bottom: 1px dashed #aaa}
.cul-title a {background: #fff; display: inline-block; font-family: "楷体"; padding: 0 50px; margin: 0 auto; font-size: 30px; color: #333; position: relative; z-index: 2}
.cul-title a:before, .cul-title a:after {background: url("./image/culture_icon1.png") no-repeat center / 100% auto; width: 26px; height: 36px; position: absolute; top: 18px; content: ''; z-index: 2}
.cul-title a:before { left: 0;}
.cul-title a:after { transform: rotateY(180deg); right: 0}
.cb1-left {width: 630px; height: 456px; overflow: hidden; float: left; position: relative;}
.cb1-left img, .cb1-left a {display: block; width: 100%; height: 100%; position: relative}
.cb1-left h4 {height: 50px; line-height: 50px; background-color: rgba(0,0,0,0.6); overflow: hidden; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap;}
.cb1-left .b1-dot {position: absolute; line-height: 50px; right: 0; left: unset!important; bottom: 0!important; height: 50px; width: 100px!important; text-align: center; overflow: hidden; z-index: 10;}
.cb1-left .b1-dot span {display: inline-block; width: 10px; height: 10px; margin: 0 0.03rem; border-radius: 50%; cursor: pointer; background-color: #fff;}
.cb1-left .b1-dot span.curr {background-color: #9e4b4b;}
.cb1-right {width: calc(100% - 662px); float: right}
.cb1-first h3 {height: 52px; line-height: 52px;}
.cb1-first h3 span {float: left; max-width: calc(100% - 80px); overflow: hidden; box-sizing: border-box; padding: 0 27px; position: relative}
.cb1-first h3 span:before, .cb1-first h3 span:after {position: absolute; top: 0.1rem; width: 0.2rem; height: 0.3rem; background: url("./image/culture_icon2.png") no-repeat center / 100% auto; content: '';}
.cb1-first h3 span:before {left: 0; top: 0.05rem;}
.cb1-first h3 span:after { transform: rotateY(180deg); right: 0; top: 0.05rem;}
.cb1-first h3 em {float: right; width: 80px; font-size: 16px; position: relative; padding: 0 20px; box-sizing: border-box; text-align: center}
.cb1-first h3 em:before, .b3-warp li .more:before, .cb1-first h3 em:after, .b3-warp li .more:after {position: absolute; top: 0.14rem; width: 0.16rem; height: 0.2rem; background: url("./image/culture_icon3.png") no-repeat center / 100% auto; content: '';}
.cb1-first h3 em:before {left: 0; top: 0.07rem}
.b3-warp li .more:before {left: 0}
.cb1-first h3 em:after, .b3-warp li .more:after { transform: rotateZ(180deg); right: 0; top: 0.14rem}
.cb1-first h3 em:after {top: 0.10rem}
.cb1-first p {font: normal 16px/30px 'inherit'; height: 90px; overflow: hidden;}
.cb1-right ul {margin-top: 30px;}
.cb1-right li {font: normal 16px/40px 'inherit'; text-align: right;}
.cb1-right li span {float: left; width: 436px; overflow: hidden; height: 40px; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.cb1-right li a:hover, .cb1-first:hover {color: #9e4b4b}
.cul-b2 {background: #fff;}
.cul-b2 .box-warp {background: url("./image/cb2.jpg") no-repeat center / auto 100%; padding: 84px 0 36px;}
.cul-b2 ul {height: 490px; width: 1200px}
.cul-b2 li, .meishu li {float: left; width: 225px; height: 383px; background-color: #fff; margin-right: 18px; border-radius: 10px; overflow: hidden;}
.cul-b2 li a, .meishu li a {display: block; position: relative; overflow: hidden; width: 100%; height: 100%;}
.cul-b2 li img, .meishu li img {display: block; transition: all 300ms; width: 100%; height: 100%}
.cul-b2 li:last-child {margin-right: 0}
.cul-b2 li:nth-child(odd) {transform: translateY(1.05rem)}
.cul-b2 li h4, .meishu li h4 {width: 100%; height: 50px; font: normal 16px / 50px 'inherit'; transition: all 300ms; text-align: center; background: rgba(0,0,0,0.66); color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0;}
.cul-b2 li:hover img, .meishu li:hover img {transform: scale(1.03)}
.cul-b2 li:hover h4, .meishu li:hover h4 {background-color: rgba(2,67,172, 0.66)}
.cul-b2 .more, .cul-b1 .more {position: relative; padding: 0 20px; font-size: 16px; width: 80px; height: 60px; line-height: 60px; text-align: center; display: block; margin: 30px auto 0; box-sizing: border-box; color: #fff;}
.cul-b2 .more:before, .cul-b2 .more:after, .cul-b1 .more:before, .cul-b1 .more:after {position: absolute; top: 18px; width: 16px; height: 20px; background: url("./image/culture_icon4.png") no-repeat center / 100% auto; content: '';}
.cul-b2 .more:before, .cul-b1 .more:before {left: 0}
.cul-b2 .more:after, .cul-b1 .more:after { transform: rotateZ(180deg); right: 0; top: 20px}
.cul-wc:after {clear: both; content: ''; display: block}
.cul-wc li, .wenchuang li {float: left; width: 292px; height: 292px; overflow: hidden; margin-right: 10px; margin-bottom: 10px;}
.cul-wc li:nth-child(4), .cul-wc li:nth-child(7) {margin-right: 0}
.cul-wc li:nth-child(n + 5) {width: 393px; height: 393px;}
.cul-wc li a, .cul-wc li img, .wenchuang li a, .wenchuang li img {display: block; width: 100%; height: 100%; position: relative}
.cul-wc li h4, .wenchuang li h4 {position: absolute; left: 0; top: 0; opacity: 0; transition: all 300ms; box-sizing: border-box; padding: 30px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; color: #fff; line-height: 0.3rem; font-size: 0.18rem;}
.cul-wc li:hover h4, .wenchuang li:hover h4 {opacity: 1; }
.cul-b1 .more {color: #9e5151}
.cul-b1 .more:before, .cul-b1 .more:after { background: url("./image/culture_icon5.png") no-repeat center / 100% auto;}
.cul-b3 {background-color: #fff;}
.b3-warp {background: url("./image/cb3.jpg") no-repeat center / 100% 100%; width: 100%; height: 8.42rem; padding: 0.7rem 4.86rem; overflow: hidden; box-sizing: border-box; position: relative;}
.b3-warp li {width: 9.3rem; height: 5.4rem; transform: scale(0.8)!important; transition: all 300ms;}
.b3-warp li a {display: block; position: relative}
.b3-warp li i, .b3-warp li img {display: block; width: 9.3rem; height: 5.4rem; border-radius: 0.05rem;}
.b3-warp li .ut {background: #fff; left: calc(50% - 4.35rem); bottom: -1.2rem; opacity: 0; transition: all 300ms; position: absolute; width: 8.7rem; height: 2.06rem; border-radius: 0.08rem; box-shadow: 0 0 0.2rem rgba(0,0,0,0.2); box-sizing: border-box; padding: 0.18rem 0.5rem;}
.b3-warp li .ut h4 { height: 0.52rem; line-height: 0.52rem;}
.b3-warp li .ut h4 span {padding: 0 0.27rem; display: inline-block; line-height: 0.52rem; font-family: "楷体"; font-size: 0.26rem; position: relative;}
.b3-warp .ut h4 span:before, .b3-warp .ut h4 span:after {position: absolute; top: 0.1rem; width: 0.2rem; height: 0.3rem; background: url('./image/culture_icon2.png') no-repeat center / 100% auto; content: '';}
.b3-warp .ut h4 span:before {left: 0}
.b3-warp .ut h4 span:after {transform: rotateY(180deg); right: 0}
.b3-warp .ut p {font: normal 0.16rem/0.28rem 'inherit'; height: 0.56rem; overflow: hidden; text-indent: 0.32rem; margin-top: 0.1rem;}
.b3-warp li.swiper-slide-active, .b3-warp li.swiper-slide-duplicate-active {transform: scale(1)!important;}
.b3-warp li.swiper-slide-active .ut, .b3-warp li.swiper-slide-duplicate-active .ut {opacity: 1}
.b3-warp li .more {position: absolute; right: 0.5rem; font-size: 0.16rem; line-height: 0.5rem; bottom: 0.1rem; padding: 0 0.24rem;}
.b3-warp li:hover .ut {color: #9e5151}
.b3-btn {width: 0.5rem; height: 0.5rem; cursor: pointer; box-shadow: 0 0 0.2rem rgba(58,58,58,0.29); transition: all 300ms; border-radius: 50%; background: #fff; position: absolute; top: 3.1rem; z-index: 30;}
.b3-btn:after {border-top: 0.02rem solid #333; border-left: 0.02rem solid #333; transition: all 300ms; width: 0.17rem; height: 0.17rem; transform: rotate(-45deg); position: absolute; left: 0.2rem; top: 0.16rem; content: ''}
.b3-btn.prev {left: 0.2rem;}
.b3-btn.next {right: 0.2rem; transform: rotateY(180deg)}
.b3-btn:hover {background-color: #9e5151}
.b3-btn:hover:after {border-top-color: #fff; border-left-color: #fff}
.meishu:after, .wenchuang:after {display: block; clear: both; content: ''}
.meishu li {margin-bottom: 30px;}
.meishu li:nth-child(5n + 5) {margin-right: 0}
.wenchuang li:nth-child(4n + 4) {margin-right: 0}
.magazine-content {margin-top: 30px;}
.magazine-text p {margin: 0!important;}
.magazine-text img {width: 800px; display: block; margin: 20px auto 0;}
.magazine-text strong, .magazine-text b {font-weight: bold}